<div class="invoice" [ngStyle]="tagData.cssStyle | styleFilter">
  <ng-container *ngFor="let ite of tagData.data?.data;let i = index">
    <div class="invoice-item">
      <p class="item-top">
        <span class="item-top-l">
          <span *ngIf="ite.firstRowLeft?.firstText?.unit" [ngStyle]="ite.firstRowLeft.firstText.cssStyle | styleFilter">{{ite.firstRowLeft.firstText.unit}}</span>
          <span *ngIf="ite.firstRowLeft?.firstText?.label" [ngStyle]="ite.firstRowLeft.firstText.cssStyle | styleFilter">{{ite.firstRowLeft.firstText.label}}</span>
          <span *ngIf="ite.firstRowLeft?.secondText?.label" [ngStyle]="ite.firstRowLeft.secondText.cssStyle | styleFilter" class="label">{{ite.firstRowLeft.secondText.label}}</span>
        </span>
        <span class="item-top-r" [ngStyle]="ite.firstRowLeft.thirdText.cssStyle | styleFilter" appDebounceClick (debounceClick)="openPage(ite.link)">
          <span *ngIf="ite.firstRowLeft?.thirdText?.label">{{ite.firstRowLeft.thirdText.label}}</span>
          <img *ngIf="ite.icon" [ngStyle]="ite.iconCssStyle | styleFilter" src="{{ite.icon}}" />
        </span>
      </p>
      <p class="item-bottom" *ngIf="ite.secondRowLeft?.firstText?.label" [ngStyle]="ite.secondRowLeft.firstText.cssStyle | styleFilter">{{ite.secondRowLeft.firstText.label}}</p>
    </div>
  </ng-container>
</div>

<div class="noData" *ngIf="(tagData.data.data.length < 1)||(!tagData.data.data)">
  <span>暂无数据</span>
</div>
<ion-infinite-scroll threshold="100px" (ionInfinite)="loadMoreData($event)" *ngIf="this.tagData.data.submit">
  <ion-infinite-scroll-content loadingSpinner="bubbles" loadingText="正在加载更多数据...">
  </ion-infinite-scroll-content>
</ion-infinite-scroll>